<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://www.codecoord.com" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>医助列表</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/demo.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/assistantList.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap/css/bootstrap.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery/jquerymin.js"></script>
    <script src="${pageContext.request.contextPath}/static/bootstrap/js/bootstrap-min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/live_meeting.css">
</head>
<body>
<div id="header" style="height: 13px">
    <nav id="navbar-default" class="navbar navbar-default top-nabar" role="navigation"
         style="overflow:hidden;position:fixed;top:0;width:100%;z-index:1002;margin-bottom: 10px;background-color: #71BD71;border: 0">
        <div class="row">
            <div class="container-fluid" id="fluid">
                <div class="col-lg-1 col-md-1 col-xs-1 col-sm-1" style=";padding-left: 6px;">
                    <a class="navbar-brand" href="javascript:history.back(-1)"
                       style="padding-left: 3px;">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    </a>
                </div>
            </div>
        </div>
    </nav>
    <br><br>
</div>
<ul class="breadcrumb" style="margin-top: 38px;margin-bottom: 0;padding-bottom:4px;background-color: white">
    <li><a href="#">XX</a></li>
    <li><a href="#">XX</a></li>
    <li class="active">医助列表</li>
</ul>
<div class="wrapper">
    <div id="topsearch" class="search">
        <input type="text" class="inp" placeholder="姓名搜索..." onkeyup="search()">
        <ul class="btn-list">
            <li class="active" onclick="history.go(0)">全部</li>
            <li>条件X</li>
            <li>条件X</li>
        </ul>
    </div>
    <ul class="user">
        <c:forEach items="${assistant}" var="sysuser" varStatus="status">
        <a href='/boke/userhelp_next.jsp?id=${sysuser.id}'>
            <li style="height: 70px">
                <input type="text" id="search" style="display: none" value="${sysuser.name}">
                <div class="head-img">
                    <img id="imgfirst" src="${pageContext.request.contextPath}/resource/images/doctor.png" alt="">
                </div>
                <div class="tit" style="height: 70px">
                    <h6 class="name" style="margin:0 0 5px 0">${sysuser.name}</h6>
                    <p class="motto" style="margin-bottom: 2px">${sysuser.companyId}</p>
                    <p class="motto" style="margin-bottom: 2px">${sysuser.level}</p>
                </div>
            </li>
            <a/>
            </c:forEach>
    </ul>
    <h3 id="nullh3" style="display: none">空空如也</h3>
</div>
<footer class="aui-footer aui-footer-fixed">

    <a href="/boke/index.jsp" class="aui-tabBar-item " style="text-decoration:none;">
        <span class="aui-tabBar-item-icon"><i class="icon icon-loan"></i></span>
        <span class="aui-tabBar-item-text">首页</span></a>

    <a href="/bokehall/hall/allHall" class="aui-tabBar-item aui-tabBar-item-active">
        <span class="aui-tabBar-item-icon"><i class="icon icon-credit"></i></span>
        <span class="aui-tabBar-item-text">会诊</span></a>

    <a href="/boke/msg/chatfriend.jsp" class="aui-tabBar-item ">
        <span class="aui-tabBar-item-icon"><i class="icon icon-ions"></i></span>
        <span class="aui-tabBar-item-text">消息</span></a>

    <a href="/boke/me.jsp" class="aui-tabBar-item "><span
            class="aui-tabBar-item-icon"><i class="icon icon-mine"></i></span>
        <span
                class="aui-tabBar-item-text">我的
        </span></a>
</footer>
<script>
    function search() {
        //获取搜索框值
        var sea = $('.inp').val();
        var arr = new Array();
        if (typeof sea != "undefined" && sea != null && sea != "") {
            arr.push(sea);
        }
        $("input[id^='search']").each(function () {
            var j = 0;
            for (let i = 0; i < arr.length; i++) {
                if ($(this).val().indexOf(arr[i]) > -1) {
                    j += 1;
                }
            }
            if (j == arr.length) {
                $(this).parent().attr("style", "display:block");
            } else {
                $(this).parent().attr("style", "display:none");
            }
        })
    }

    $.fn.smartFloat = function () {
        var position = function (element) {
            var top = element.position().top, pos = element.css("position");
            $(window).scroll(function () {
                var scrolls = $(this).scrollTop();
                if (scrolls > top-50) {
                    if (window.XMLHttpRequest) {
                        element.css({position: "fixed", top: 45,right:0});
                    } else {
                        element.css({top: scrolls});
                    }
                } else {
                    element.css({position: pos, top: 0});
                }
            });
        };
        return $(this).each(function () {
            position($(this));
        });
    };
    $("#topsearch").smartFloat();

</script>
</body>
</html>
